<template>
  <view>
	
    <view class=" bg-blue tabr"  style=" height: 340rpx;" >
	<uv-navbar title="个人信息" :fixed="false"    :titleStyle="{color: '#fff'}" leftIconColor="#fff"  autoBack bgColor="transparent">
	</uv-navbar>
	<view class="cu-bar">
      <view class="action">
        <view class="cu-avatar round lg " style="background-image:url(/static/img/dft.png);height: 120rpx;width: 120rpx;margin-left: 10rpx"></view>
      </view>
      <view class="content text-bold flex  justify-center  flex-direction  " style="height: 200rpx; padding-top: 40rpx;">
        <view class="text-left"> 张珊珊</view>
        <view class="text-left">
          <text class="text-sm text-white">职工号：1888888888</text>
        </view>

      </view>
      <view class="action">
        <view class="cu-item radius-l margin-right-lg  light bg-blue padding-xs">
          <text class="cuIcon-edit" style="font-size: 40rpx"></text>
        </view>
      </view></view>
    </view>
    <view style="background-color: #F4F9FF;">
      <view class="padding" style="background-color: #F4F9FF;border-radius: 30px 30px 0 0;margin-top: -28px;position: absolute;width: 100%;"></view>
      <view class="padding-sm margin-sm bg-white radius-l" style="margin-top: 0;" >
        <view class="action text-lg text-bold">
          <text class="cuIcon-titles text-blue"></text>
          基本信息
        </view>
        <form action="" class="">
          <view class="cu-form-group">
            <view class="title">姓名</view>
            <!-- <input placeholder="输入框带个按钮" name="input"></input> -->
            <text>张三</text>
          </view>
          <view class="cu-form-group">
            <view class="title">年龄</view>
            <text>30</text>
          </view>
          <view class="cu-form-group">
            <view class="title">性别</view>
            <text>男</text>
          </view>
          <view class="cu-form-group">
            <view class="title">籍贯</view>
            <text> 湖北</text>
          </view>
          <view class="cu-form-group">
            <view class="title">名族</view>
            <text> 汉族</text>
          </view>
          <view class="cu-form-group">
            <view class="title">政治面貌</view>
            <text> 党员</text>
          </view>
          <view class="cu-form-group">
            <view class="title">入党时间</view>
            <text>2018-08-08</text>
          </view>
          <view class="cu-form-group">
            <view class="title">出生年月</view>
            <text>1990-08-08</text>
          </view>
          <view class="cu-form-group">
            <view class="title">身份证号</view>
            <text>330123199008081234</text>
          </view>
          <view class="cu-form-group">
            <view class="title">联系方式</view>
            <text>18888888888</text>
          </view>
          <view class="cu-form-group">
            <view class="title">首次参加工作时间</view>
            <text>1990-08-08</text>
          </view>
          <view class="cu-form-group">
            <view class="title">邮箱</view>
            <text> 444444444@qq.99</text>
          </view>
        </form>
      </view>
    </view>
  </view>
</template>

<script>

export default {
  data() {
    return {}
  },
  methods: {}
}
</script>

<style>

</style>
